<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>太禾</title>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<script type="text/javascript" src="js/jquery-1.11.0.js"></script>
		<script type="text/javascript" src="js/swiper.min.js"></script>
		<script type="text/javascript" src="js/index.js"></script>
	</head>
	<body>
		<header>
			<a href="javascript:void(0)">
				<img src="img/header1.png"/>
			</a>
			<p>
				<img src="img/header2.png"/>
				<input id="search" type="search" />
			</p>
			<div>
				<span></span>
				<span></span>
				<span></span>
			</div>
		</header>
		<div class="banner">
			<div class="swiper-container">
			    <div class="swiper-wrapper">
			        <div class="swiper-slide">
			        	<a href="#">
			        		<img src="img/banner.png"/>
			        	</a>
			        </div>
			        <div class="swiper-slide">
			        	<a href="#">
			        		<img src="img/banner1.png"/>
			        	</a>
			        </div>
			        <div class="swiper-slide">
			        	<a href="#">
			        		<img src="img/banner2.png"/>
			        	</a>
			        </div>
			    </div>
			    <!-- 如果需要分页器 -->
			    <div class="swiper-pagination"></div>
			</div>
			<script>        
			    var swiper = new Swiper('.swiper-container', {
			        pagination: '.swiper-pagination',
			        autoplay: 1500,
			    });
			  </script>
		</div>
		<nav>
			<ul>
				<li>
					<a href="#">
						<img src="img/nav1.png"/>
						<span>分类</span>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/nav2.png"/>
						<span>签到</span>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/nav3.png"/>
						<span>凑团</span>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/nav4.png"/>
						<span>宝箱</span>
					</a>
				</li>
			</ul>
		</nav>
		<div class="useless">
			<img src="img/useless1.png"/>
		</div>
		<div class="product">
			<ul>
				<li>
					<a href="#">
						<img src="img/product1.png" alt="" />
						<b>太禾王系列大米</b>
						<span>￥<i>58.9</i></span>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/product2.png" alt="" />
						<b>中南香系列大米</b>
						<span>￥<i>58.9</i></span>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/product3.png" alt="" />
						<b>长腰香系列大米</b>
						<span>￥<i>58.9</i></span>
					</a>
				</li>
			</ul>
		</div>
		<div class="useless sed">
			<img src="img/useless2.png"/>
		</div>
		<div class="product">
			<ul class="sed">
				<li>
					<a href="#">
						<img src="img/product4.png" alt="" />
						<b>长腰香</b>
						<span>￥<i>58.9</i></span>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/product5.png" alt="" />
						<b>长腰香</b>
						<span>￥<i>58.9</i></span>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/product6.png" alt="" />
						<b>塞外玉</b>
						<span>￥<i>58.9</i></span>
					</a>
				</li>
			</ul>
		</div>
		<div class="useless sed">
			<img src="img/useless3.png"/>
		</div>
		<div class="sales">
			<ul>
				<li>
					<a href="product.html">
						<img src="img/sales1.png"/>
					</a>						
				</li>
				<li>
					<a href="product.html">
						<img src="img/sales2.png"/>
					</a>						
				</li>
			</ul>
		</div>
		<div class="footer">
			<ul>
				<li class="active">
					<img src="img/icon1.png" alt="" />
					<span>首页</span>
				</li>
				<li>
					<img src="img/icon2.png" alt="" />
					<span>分类</span>
				</li>
				<li>
					<img src="img/icon3.png" alt="" />
					<span>发现</span>
				</li>
				<li>
					<img src="img/icon4.png" alt="" />
					<span>购物车</span>
				</li>
				<li>
					<img src="img/icon5.png" alt="" />
					<span>我的</span>
				</li>
			</ul>
		</div>
	</body>
</html>
